<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<title>Dashboard Template · Bootstrap v5.0</title>
	<!-- Bootstrap core CSS -->
	<link href="./assets/boot/bootstrap.css" rel="stylesheet">
	<link href="./assets/booticon15/bootstrap-icons.css" rel="stylesheet">
	<link href="./assets/boot/dashboard.css" rel="stylesheet">
</head>
<body>

<header class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow">
	<a class="navbar-brand col-md-3 col-lg-2 me-0 px-3" href="#">Company name</a>
	<button class="navbar-toggler position-absolute d-md-none collapsed" type="button"
	        data-bs-toggle="collapse" data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false"
	        aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
	</button>
	<input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">
	<ul class="navbar-nav px-3">
		<li class="nav-item text-nowrap">
			<a class="nav-link" href="#">Sign out</a>
		</li>
	</ul>
</header>

<div class="container-fluid">
	<div class="row">
		<nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
			<div class="position-sticky pt-3">
				<ul class="nav flex-column">
					<li class="nav-item">
						<a class="nav-link active" aria-current="page" href="#">
							Dashboard
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#aaa" data-bs-toggle="collapse">
							Orders
						</a>
						<ul id="aaa" class="submenu collapse show ">
							<li class="nav-item active">
								<a class="nav-link active" href="#">
									Hello
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">
									Hello2
								</a>
							</li>
						</ul>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#">
							<span class="bi-alarm"></span>
							Products
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#">
							Customers
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#">
							Reports
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#">
							Integrations
						</a>
					</li>
				</ul>

				<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
					<span>Saved reports</span>
					<a class="link-secondary" href="#" aria-label="Add a new report">
					</a>
				</h6>
				<ul class="nav flex-column mb-2">
					<li class="nav-item">
						<a class="nav-link" href="#">
							Current month
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#">
							Last quarter
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#">
							Social engagement
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#">
							Year-end sale
						</a>
					</li>
				</ul>
			</div>
		</nav>

		<main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
			<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
				<h1 class="h2">Dashboard</h1>
				<div class="btn-toolbar mb-2 mb-md-0">
					<div class="btn-group me-2">
						<button type="button" class="btn btn-sm btn-outline-secondary">Share</button>
						<button type="button" class="btn btn-sm btn-outline-secondary">Export</button>
					</div>
					<button type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle">
						This week
					</button>
				</div>
			</div>

			<div class="row">
				<h2>Section title</h2>
			</div>
		</main>
	</div>
</div>


<script src="./assets/boot/bootstrap.bundle.min.js"></script>
<script src="./assets/jquery36.js"></script>
<script src="./assets/boot/dashboard.js"></script>
<!--<script src="./assets/boot/dialog.js"></script>-->
</body>
</html>
